<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    
    <title>My JSP 'compare.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script th:src="@{/js/jquery.min.js}"></script>
	<link th:href="@{/js/bootstrap.js}" rel="stylesheet"/>
	<link th:href="@{/css/bootstrap.css}" rel="stylesheet"/>
	<script type="text/javascript">
		/* 鼠标点击特效 */
        var a_idx = 0;
        jQuery(document).ready(function($) {
            $("html").click(function(e) {
                var a = new Array("ABC", "DEF", "GHI", "JKL", "OPQ", "RST", "UVW" ,"XYZ");
                var $i = $("<span/>").text(a[a_idx]);
                a_idx = (a_idx + 1) % a.length;
                var x = e.pageX,
                    y = e.pageY;
                $i.css({
                    "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
                    "top": y - 20,
                    "left": x,
                    "position": "absolute",
                    "font-weight": "bold",
                    "color": "#ff6651"
                });
                $("body").append($i);
                $i.animate({
                        "top": y - 180,
                        "opacity": 0
                    },

                    1500,
                    function() {
                        $i.remove();
                    });
            });
        });
	</script>
  </head>

  <body>

  <div class="jumbotron">
	  <center><h1>手机信息管理</h1></center>
	  <center><p>专为管理手机信息而生</p></center>
	  <center><p><a class="btn btn-primary btn-lg" href="/module/phone" role="button">立即查看</a></p></center>
  </div>


  <script th:src="@{/js/jquery.min.js}">
  </script>

		<link th:href="@{/js/bootstrap.js}" rel="stylesheet"/>

  </body>
</html>
